<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2025/7/14
  Time: 下午2:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>MOD特性警示 - MC百科</title>
  <link href="../../img/arrow.svg" rel="icon">
  <link href="../../css/common.css" rel="stylesheet">
  <link href="../../css/header.css" rel="stylesheet">
  <link href="../../css/footer.css" rel="stylesheet">
  <link href="css/addFeature.css" rel="stylesheet">
  <script src="/js/jquery-3.7.1.js"></script>
  <style>

  </style>
</head>
<body>
<!-- 头部导航（复用公共组件） -->
<header id="header">
  <script>$("#header").load('../publicPage/header.html')</script>
</header>

<!-- 内容区 -->
<section id="section">
  <!-- 标题区 -->
  <div class="warning-header">
    <h1>MOD特性警示</h1>
    <p>提供模组中物品或玩法上的设计缺陷的展示与查询，可供开服人员避开风险。</p>
  </div>

  <!-- 反馈提示条（复刻官网） -->
  <div class="feedback-bar">
    如果你发现了本站未收录的MOD特性，可以通过右侧的联系方式提交反馈，随后会有硬核玩家核实评估后加入此特性列表。
    <a href="https://bug.mcmod.cn/feedback" target="_blank">MOD特性反馈</a>
  </div>

  <!-- 搜索筛选栏 -->
  <div class="filter-bar">
    <input type="text" id="search" placeholder="搜索特性（如：传送带）">
    <button id="filter-btn">筛选</button>
    <button id="add-btn">新增特性</button>
  </div>

  <!-- 特性列表 -->
  <div class="warning-list" id="warning-list">
    <!-- 示例数据（完整复刻官网特性） -->
    <div class="warning-item">
      <img src="img/img_1.png" alt="传送带">
      <div class="item-info">
        <h3>传送带 (Mechanical Belt)</h3>
        <p>版本：0.5.1f</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_2.png" alt="自动合成器">
      <div class="item-info">
        <h3>自动合成器 (Auto Crafter)</h3>
        <p>版本：Minecraft 1.18.2、1.20</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="车万女仆可堆叠物品复制">
      <div class="item-info">
        <h3>车万女仆可堆叠物品复制</h3>
        <p>版本：1.16.5 1.0.0-1.0.2</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="狼吞虎咽Mod物品复制">
      <div class="item-info">
        <h3>狼吞虎咽Mod物品复制</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="Dank Storage 刷物品">
      <div class="item-info">
        <h3>Dank Storage 刷物品</h3>
        <p>版本：1.12.2/1.16.5</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_4.png" alt="机械手抽屉复制">
      <div class="item-info">
        <h3>机械手抽屉复制</h3>
        <p>版本：1.18.2</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_5.png" alt="原子重构机刷出任意物品">
      <div class="item-info">
        <h3>原子重构机刷出任意物品</h3>
        <p>版本：r151-2</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_6.png" alt="液体漏斗 (Liquid Hopper)">
      <div class="item-info">
        <h3>液体漏斗 (Liquid Hopper)</h3>
        <p>版本：0.9.3-324</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img.png" alt="任务显示器 (Task Screen)">
      <div class="item-info">
        <h3>任务显示器 (Task Screen)</h3>
        <p>版本：1.12.1</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="Eternal Tales建筑生成机制">
      <div class="item-info">
        <h3>Eternal Tales建筑生成机制</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="空间塔锻混沌晶体">
      <div class="item-info">
        <h3>空间塔锻混沌晶体</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_7.png" alt="背包整理 (Inventory Sorting)">
      <div class="item-info">
        <h3>背包整理 (Inventory Sorting)</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <!-- 示例数据（完整复刻官网特性） -->
    <div class="warning-item">
      <img src="img/img_1.png" alt="传送带">
      <div class="item-info">
        <h3>传送带 (Mechanical Belt)</h3>
        <p>版本：0.5.1f</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_2.png" alt="自动合成器">
      <div class="item-info">
        <h3>自动合成器 (Auto Crafter)</h3>
        <p>版本：Minecraft 1.18.2、1.20</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="车万女仆可堆叠物品复制">
      <div class="item-info">
        <h3>车万女仆可堆叠物品复制</h3>
        <p>版本：1.16.5 1.0.0-1.0.2</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="狼吞虎咽Mod物品复制">
      <div class="item-info">
        <h3>狼吞虎咽Mod物品复制</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="Dank Storage 刷物品">
      <div class="item-info">
        <h3>Dank Storage 刷物品</h3>
        <p>版本：1.12.2/1.16.5</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_4.png" alt="机械手抽屉复制">
      <div class="item-info">
        <h3>机械手抽屉复制</h3>
        <p>版本：1.18.2</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_5.png" alt="原子重构机刷出任意物品">
      <div class="item-info">
        <h3>原子重构机刷出任意物品</h3>
        <p>版本：r151-2</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_6.png" alt="液体漏斗 (Liquid Hopper)">
      <div class="item-info">
        <h3>液体漏斗 (Liquid Hopper)</h3>
        <p>版本：0.9.3-324</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img.png" alt="任务显示器 (Task Screen)">
      <div class="item-info">
        <h3>任务显示器 (Task Screen)</h3>
        <p>版本：1.12.1</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="Eternal Tales建筑生成机制">
      <div class="item-info">
        <h3>Eternal Tales建筑生成机制</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_3.png" alt="空间塔锻混沌晶体">
      <div class="item-info">
        <h3>空间塔锻混沌晶体</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
    <div class="warning-item">
      <img src="img/img_7.png" alt="背包整理 (Inventory Sorting)">
      <div class="item-info">
        <h3>背包整理 (Inventory Sorting)</h3>
        <p>版本：-</p>
        <span class="severity severity-severe">严重</span>
      </div>
    </div>
  </div>

  <!-- 新增/修改弹窗 -->
  <div class="modal" id="modal">
    <div class="modal-content">
      <h2 id="modal-title">新增特性</h2>
      <input type="hidden" id="item-id" value="">
      <label>名称：</label>
      <input type="text" id="item-name" required>
      <label>版本：</label>
      <input type="text" id="item-version">
      <label>严重程度：</label>
      <input type="text" id="item-severity">
      <label>描述：</label>
      <textarea id="item-desc" rows="3"></textarea>
      <div class="modal-buttons">
        <button class="btn-close" onclick="closeModal()">取消</button>
        <button class="btn-save" id="save-btn">保存</button>
      </div>
    </div>
  </div>
</section>

<!-- 底部（复用公共组件） -->
<footer id="footer">
  <script>$("#footer").load('../publicPage/footer.html')</script>
</footer>

<!-- 交互逻辑 -->
<script>
  // 模拟后端数据（与官网同步）
  let warningData = [
    {
      id: 1,
      name: "传送带 (Mechanical Belt)",
      version: "0.5.1f",
      severity: "严重",
      desc: "示例描述",
      img: "img/mechanical_belt.png"
    },
    {
      id: 2,
      name: "自动合成器 (Auto Crafter)",
      version: "Minecraft 1.18.2、1.20",
      severity: "严重",
      desc: "示例描述",
      img: "img/auto_crafter.png"
    },
    {
      id: 3,
      name: "车万女仆可堆叠物品复制",
      version: "1.16.5 1.0.0-1.0.2",
      severity: "严重",
      desc: "示例描述",
      img: "img/cheese.png"
    },
    {id: 4, name: "狼吞虎咽Mod物品复制", version: "-", severity: "严重", desc: "示例描述", img: "img/wolf.png"},
    {
      id: 5,
      name: "Dank Storage 刷物品",
      version: "1.12.2/1.16.5",
      severity: "严重",
      desc: "示例描述",
      img: "img/dank_storage.png"
    },
    {
      id: 6,
      name: "机械手抽屉复制",
      version: "1.18.2",
      severity: "严重",
      desc: "示例描述",
      img: "img/mechanical_arm.png"
    },
    {
      id: 7,
      name: "原子重构机刷出任意物品",
      version: "r151-2",
      severity: "严重",
      desc: "示例描述",
      img: "img/atomic.png"
    },
    {
      id: 8,
      name: "液体漏斗 (Liquid Hopper)",
      version: "0.9.3-324",
      severity: "严重",
      desc: "示例描述",
      img: "img/liquid_hopper.png"
    },
    {id: 9, name: "任务显示器 (Task Screen)",
      version: "1.12.2",
      severity: "严重",
      desc: "示例描述",
      img: "img/img.png"}]

</script>
</body>
</html>
